<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="utf-8" />
  <meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,minimum-scale=1,user-scalable=no">
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
  <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
  <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
  <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
  <link rel="manifest" href="/site.webmanifest">
  <title>专业服务</title>
  <link rel="stylesheet" href="css/normalize.css">
  <link href="layui/css/layui.css" rel="stylesheet">
  <link rel="stylesheet" href="css/common.css">
  <link rel="stylesheet" href="css/service.css">
  <link rel="stylesheet" media="(max-width: 768px)" href="css/mobile.css">
</head>

<body>
  <div class="kuang">
    <section class="page">
      <div class="small-kuang pc">
        <header class="header">
          <a href="/"><img src="./image/logo.png" alt="" srcset=""></a>
          <div class="right">
            <div class="h-right">
              <a href="javasript:;">中文</a>
              <a href="javasript:;">ENG</a>
            </div>
            <nav class="navigation">
              <ul>
                <li><a href="./about.html">关于我们</a></li>
                <li><a href="./team.html">专业团队</a></li>
                <li><a href="./service.html" class="on">专业服务</a></li>
                <li><a href="./trends.html">行业动态</a></li>
                <li><a href="./case.html">经典案例</a></li>
                <li><a href="./contact.html">联系我们</a></li>
              </ul>
            </nav>
          </div>
        </header> 
      </div>
      <!-- mobile header start-->
      <div class="small-kuang mobile">
        <header class="header">
          <a href="/"><img src="./image/m-logo.png" alt="" srcset=""></a>
          <div class="h-right">
            <span class="s-log">
              <a href="javasript:;">中文</a>
              <a href="javasript:;">ENG</a>
            </span>
            <span class="s-icon">
              <i class="layui-icon layui-icon-spread-left icon-custom"></i>
            </span>
          </div>
        </header>
        <div class="m-nav">
          <div class="layui-panel mob-panel">
            <p class="p-close">
              <i class="layui-icon layui-icon-close icon-close"></i>
            </p>
            <ul class="layui-menu navbar" id="demo-menu">
              <li>
                <div class="layui-menu-body-title">
                  <a href="./about.html">关于我们</a>
                </div>
              </li>
              <li>
                <div class="layui-menu-body-title">
                  <a href="./team.html">专业团队</a>
                </div>
              </li>
              <li>
                <div class="layui-menu-body-title">
                  <a href="./service.html" class="on">专业服务</a>
                </div>
              </li>
              <li>
                <div class="layui-menu-body-title">
                  <a href="./trends.html">行业动态</a>
                </div>
              </li>
              <li>
                <div class="layui-menu-body-title">
                  <a href="./case.html">经典案例</a>
                </div>
              </li>
              <li>
                <div class="layui-menu-body-title">
                  <a href="./contact.html">联系我们</a>
                </div>
              </li>
            </ul>
          </div>
        </div>
      </div>
      <!-- mobile header end -->
      <div class="banner">
        <img src="./image/shadow-up.png" alt="" class="sup">
        <img src="./image/service_banner.jpg" alt="" class="image-with-shadow">
        <img src="./image/shadow-down.png" alt="" class="sdown">
      </div>
      <div class="main-content">
        <div class="sidebar">
          <div class="menu">
            <!-- 内容在这里-->
            <ul>
              <!-- <li data-href="#s1" class="cur">专利服务</li>
              <li data-href="#s2">商标业务</li>
              <li data-href="#s3">版权业务</li>
              <li data-href="#s4">科技业务</li>
              <li data-href="#s5">专业翻译</li> -->
              <li data-href="#s1">
                <div class="left">
                  <img src="./image/play.png" alt="">
                </div>
                <div class="right">
                  <a href="javascript:;">专利服务</a>
                </div>  
              </li>
              <li data-href="#s2">
                <div class="left">
                  <img src="./image/play.png" alt="">
                </div>
                <div class="right">
                  <a href="javascript:;">商标业务</a>
                </div>
              </li>
              <li data-href="#s3">
                <div class="left">
                  <img src="./image/play.png" alt="">
                </div>
                <div class="right">
                  <a href="javascript:;">版权业务</a>
                </div>
              </li>
              <li data-href="#s4">
                <div class="left">
                  <img src="./image/play.png" alt="">
                </div>
                <div class="right">
                  <a href="javascript:;">科技业务</a>
                </div>
              </li>
              <li data-href="#s5">
                <div class="left">
                  <img src="./image/play.png" alt="">
                </div>
                <div class="right">
                  <a href="javascript:;">专业翻译</a>
                </div>
              </li>
            </ul>
          </div>
        </div>
        <div class="content">
          <div class="small-kuang">
            <ul class="s-list">
              <li>
                <h3 class="s-desc">专利业务</h3>
                <div class="s-content" id="s1">
                  <p>
                    - 国内外发明、实用新型、外观申请
                  </p>
                  <p>
                    - 专利战略设计、专利挖掘
                  </p>
                  <p>
                    - 专利申请查新检索
                  </p>
                  <p>
                    - 专利申请文件撰写
                  </p>
                  <p>
                    - 专利年费监控
                  </p>
                  <p>
                    - 专利复审及无效
                  </p>
                  <p>
                    - 专利侵权诉讼、行政查处
                  </p>
                </div>
              </li>
              <li>
                <h3 class="s-desc">科技服务</h3>
                <div class="s-content" id="s4">
                  <p>
                    - 专利事务培训
                  </p>
                  <p>
                    - 知识产权海关备案
                  </p>
                  <p>
                    - 许可合同备案
                  </p>
                  <p>
                    - 集成电路布图设计
                  </p>
                  <p>
                    - 高新技术企业认定
                  </p>
                  <p>
                    - 专精特新服务
                  </p>
                  <p>
                    - 知识产权资产化服务
                  </p>
                  <p>
                    - 企业标准化服务（国标、行标、团标）
                  </p>
                </div>
              </li>
              <li>
                <h3 class="s-desc">商标服务</h3>
                <div class="s-content" id="s2">
                  <p>
                    - 国内外商标注册申请、驳回复审
                  </p>
                  <p>
                    - 民事侵权和行政诉讼
                  </p>
                  <p>
                    - 无效宣告及答辩、异议请求及答辩
                  </p>
                  <p>
                    - 变更、转让、续展
                  </p>
                  <p>
                    - 各项证明文件的申办
                  </p>
                </div>
              </li>
              <li>
                <h3 class="s-desc">专业翻译</h3>
                <div class="s-content" id="s5">
                  <p>
                    - 英-中技术文件和法律文件互译
                  </p>
                  <p>
                    - 韩-中技术文件和法律文件互译
                  </p>
                  <p>
                    - 日-中技术文件和法律文件互译
                  </p>
                  <p>
                    - 德-中技术文件和法律文件互译
                  </p>
                  <p>
                    - 俄译中-技术文件和法律文件
                  </p>
                  <p>
                    - 法译中-技术文件和法律文件
                  </p>
                </div>
              </li>
              <li>
                <h3 class="s-desc">版权服务</h3>
                <div class="s-content" id="s3">
                  <p>
                    - 国内外各类著作权登记
                  </p>
                  <p>
                    - DCI数字作品著作权登记
                  </p>
                  <p>
                    - 著作权的查询、撤销、撤回
                  </p>
                  <p>
                    - 著作权侵权诉讼
                  </p>
                </div>
              </li>
            </ul>
          </div>
        </div>
      </div>
    </section>
    <div class="clear"></div>
    <footer class="footer">北京智桥联合知识产权代理事务所（普通合伙） 版权所有 京ICP备16063040号-1 </footer>
  </div>
</body>

</html>
<script src="js/jquery.min.js"></script>
<!-- <script src="js/jquery.sticky-sidebar.min.js"></script> -->
<script src="layui/layui.js"></script>
<script src="js/common.js"></script>
<script>
  //  var sidebar = new StickySidebar('.sidebar', {
  //   topSpacing: 20,
  //   bottomSpacing: 20,
  //   containerSelector: '.main-content',
  //   innerWrapperSelector: '.menu'
  // });
   
  
  let args = new Object();
   args = getUrlParam();
  if (args['p'] != '') {
    $("#s1").remove("cur");
    let a = '#' + args['p'];
    $(".menu li").each(function(){
      if($(this).attr('data-href') == a){
        $(this).addClass("cur");
      }
    })
    $(".s-content").removeClass("cur");
    $('#' + args['p']).addClass("cur");
  }

  if(!args['p']){
    $(".menu li:first-child").addClass("cur");
    $("#s1").addClass("cur");
  }
 

  // $(function(){
    
    
  // })

  $(".menu li").on('click', function () {
    let index = $(this).attr('data-href');
    $(this).addClass('cur').siblings().removeClass('cur');

    $(".s-content").removeClass("cur");
    $(index).addClass("cur");
  })

</script>